{extend name="common/common" /}

{block name="style"}

{/block}

{block name="content"}
<!-- start of main -->
<main role="main-home-wrapper" class="container">
  <div class="row">
    <section class="col-xs-12 col-sm-6 col-md-6 col-lg-6 ">
      <article role="pge-title-content">
        <header>
          <h2><span>Finalove</span>Ethan's last love to the world</h2>
        </header>
		<p>Let life be beautiful like summer flowers</p>
		<p>Life, thin and light-off time and time again</p>
        <p>Frivolous tireless</p>
      </article>
    </section>
    <section class="col-xs-12 col-sm-6 col-md-6 col-lg-6 grid">
      <figure class="effect-oscar"> <img src="{$NavTop.thumb|default='__IMG__/home-images/image-1.jpg'}" alt="" class="img-responsive"/>
        <figcaption>
          <h2>{$NavTop.title|default=''}<span>{$NavTop.title_important|default=''}</span></h2>
          <p>{$NavTop.remark|default=''}</p>
          <a href="{:url($NavTop.src)}">View more</a> </figcaption>
      </figure>
    </section>
    <div class="clearfix"></div>
    <section class="col-xs-12 col-sm-6 col-md-6 col-lg-6 grid">
      <ul class="grid-lod effect-2" id="grid">
			{volist name="NavLeft" id="v"}
			<li>
				<figure class="effect-oscar">
					<img src="{$v.thumb|default='__IMG__/home-images/image-2.jpg'}" class="img-responsive"/>
					<figcaption>
						<h2>{$v.title|default=''}<span>{$v.title_important|default=''}</span></h2>
						<p>{$v.remark|default=''}</p>
						<a href="{$v.src}">View more</a>
					</figcaption>
				</figure>
	        </li>
			{/volist}
        <li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-4.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
		<li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-2.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
		<li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-4.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
		<li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-2.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
		<li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-4.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
		<li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-2.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
		<li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-4.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
      </ul>
    </section>
    <section class="col-xs-12 col-sm-6 col-md-6 col-lg-6 grid">
      <ul class="grid-lod effect-2" id="grid">
		  {volist name="NavRight" id="v"}
		  <li>
            <figure class="effect-oscar">
				<img src="{$v.thumb|default='__IMG__/home-images/image-3.jpg'}" class="img-responsive"/>
				<figcaption>
					<h2>{$v.title|default=''}<span>{$v.title_important|default=''}</span></h2>
					<p>{$v.remark|default=''}</p>
					<a href="{:url($v.src)}">View more</a>
				</figcaption>
            </figure>
          </li>
		  {/volist}
		<li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-5.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
		<li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-3.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
        <li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-5.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
		<li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-3.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
		<li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-5.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
		<li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-3.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
		<li>
          <figure class="effect-oscar"> <img src="__IMG__/home-images/image-5.jpg" alt="" class="img-responsive"/>
            <figcaption>
              <h2>这个是标题<span>粗体</span></h2>
              <p>这里是不是应该写一点什么这里是不是应该写一点什么这里是不是应该写一点什么</p>
              <a href="{:url('index/details')}">View more</a> </figcaption>
          </figure>
        </li>
      </ul>
    </section>
    <div class="clearfix"></div>
  </div>
</main>
<!-- end of main -->
{/block}
